<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/css/gs/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/laypage.css">

    <script src="/static/js/vue/vue.min.js"></script>
    <script src="/static/js/jquery/jquery.min.js"></script>
    <script src="/static/js/laypage/laypage.js" charset="utf-8"></script>
    <script src="/static/js/layer/layer.js" charset="utf-8"></script>
</head>
<body>
<div id="app" class="container">
    <div class="table-responsive">
        <table class="table">
            <thead>
            <tr class="success">
                <td>昵称</td>
                <td>图片</td>
                <td>电话</td>
                <td>性别</td>
                <td>邮箱</td>
                <td>操作</td>
            </tr>
            </thead>
            <tbody>
            <tr class="active" v-for="(item,index) in result">
                <th>{{index+1}}</th>
                <td>{{item.userName}}</td>
                <td>{{item.userPhoto}}</td>
                <td>{{item.userPhone}}</td>
                <td>{{item.userGender}}</td>
                <td>{{item.userEmail}}</td>
                <td><a href="#" @click="editEvent(item.id)">编辑</a>&nbsp;<a href="#" @click="delBooks(item.id)">删除</a></td>
            </tr>
            </tbody>
            <tr>
                <td colspan="5">
                    <div id="pagenav"></div>
                </td>
            </tr>
        </table>
    </div>
</div>

<script>
    var app=new Vue({
        el:'#app',
        data:{
           result:[]
        }
    });

    var  getAllUser=function (curr) {
        $.ajax({
            type:'POST',
            dataType:'json',
            url:'/user/getAllUser',
            // data:{
            //     userName:"userName",
            //     userPhoto:"userPhoto",
            //     userPhone:"userPhone",
            //     userGender:"userGender",
            //     userEmail:"userEmail"
                // pageNum:curr||1,
                // pageSize:5,
                // title:$("#name").val(),
                // firstdate:$("#firstdate").val(),
                // seconddate:$("#seconddate").val()
            // },
            // // success:function (result) {
            //     console.log("总页数："+result.totalPage)
            //     app.result=result.page;
            //     laypage({
            //         cont: 'pagenav',
            //         skin: '#008B8B',
            //         pages: result.totalPage,
            //         first: true,
            //         last: true,
            //         curr: curr || 1,
            //
            //         jump:function (obj,first) {
            //             if (!first){
            //                 getBooksPageList(obj.curr);
            //             }
            //         }
            //     });
            // }
        });
    }

    getAllUser();
    //
    // $("#findBook").click(function () {
    //     getBooksPageList();
    // });
    //
    // //新增
    // $("#addBookBtn").click(function () {
    //     layer.open({
    //         type:2,
    //         title:'添加',
    //         fix:false,
    //         maxmin:true,
    //         shadeClose:true,
    //         area:['1000px','600px'],
    //         content:'/add_book.html',
    //         end:function(){
    //             getBooksPageList();
    //         }
    //     });
    // });
    //
    // //编辑
    // var editEvent = function (id) {
    //     layer.open({
    //         type: 2,
    //         title: '编辑用户',
    //         fix: false,
    //         maxmin: true,
    //         shadeClose: true,
    //         area: ['1000px', '600px'],
    //         content: '/getBook.do?id=' + id,
    //         end: function () {
    //             getBooksPageList();
    //         }
    //     });
    // }
    //
    // //删除
    // var delBooks = function (id) {
    //     layer.confirm('忍心删除？', {
    //         btn: ['删掉', '我再想想']
    //     }, function () {
    //         //是
    //         $.ajax({
    //             type: 'POST',
    //             dataType: 'json',
    //             url: '/delBook.do',
    //             data: {
    //                 id: id
    //             },
    //             success: function (msg) {
    //                 getBooksPageList();
    //                 layer.msg("已经成功删除掉id为" + id + "的记录", {icon: 6});
    //             }
    //         });
    //         // 否
    //     }, function () {
    //
    //     });
    // }

    // $(function () {
    //     $("#bookInfo-div").show();
    //     $("#writeTime-div").hide();
    //     $("#choose").change(function () {
    //         if ($("#choose").val()=="bookInfo"){
    //             $("#bookInfo-div").show();
    //             $("#writeTime-div").hide();
    //             $("#firstdate").val("");
    //             $("#seconddate").val("");
    //         } else {
    //             $("#bookInfo-div").hide();
    //             $("#writeTime-div").show();
    //             $("#name").val("");
    //         }
    //     })
    // })

</script>
</body>
</html>